<%--
    工程名：HebeuCS
    时间：16-11-3 下午9:09
    作者：白雨濃 evil
    邮箱：evilbai@foxmail.com
    内容：移动端（web）入口
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page trimDirectiveWhitespaces="true" %>
<!DOCTYPE html>
<html>
<head>
    <title>河北工程大学·计算机·技术与娱乐论坛</title>

    <%@include file="common/basehead.jsp" %>
    <style>
        .mob-main
        {
            margin: auto;
            overflow-x: hidden;
            overflow-y: auto;
        }

        .background
        {
            position: absolute;
            top: 0;
            left: 0;
            overflow: hidden;
            z-index: -1;
            background: black;
        }

        .download-btn
        {
            width: 200px;
            margin: 0;
            padding: 10px;
            color: white;
            background-color: rgba(255, 255, 255, 0.2);
        }
    </style>
</head>
<body>
<div class="mob-main">
    <div class="background">
        <img src="${pageContext.request.contextPath}/static/image/mob_background.jpg" width="100%" height="100%">
    </div>
    <div style="margin:auto;">
        <p style="color: white;text-align: center;margin: 50px;font-size: 18px">河北工程大学·计算机·技术与娱乐论坛</p>

        <div style="width: 50px"></div>
        <div style="margin: auto;">
            <p style="color: white;text-align: center;margin: 20px;font-size: 15px">
                推荐您使用移动版客户端论坛
                ,手机访问论坛可能会出现兼容性错误</p>
            <div style="height: 50px"></div>
            <div style="margin: auto;text-align: center">
                <div>
                    <button id="android-download" class="btn btn-default download-btn">Android版下载
                    </button>
                </div>
                <div style="height: 10px"></div>
                <div>
                    <button id="ios-download" class="btn btn-default download-btn">IOS版下载
                    </button>
                </div>
                <div style="height: 20px"></div>
                <div>
                    <button id="goto" class="btn btn-primary download-btn" style="width: 220px">
                        无论如何也要直接进入
                    </button>
                </div>
            </div>
        </div>


    </div>
</div>
</body>
<script>
    $(function ()
    {
        $('#android-download').click(function ()
        {
            alert("我还没做，额，稍等吧！");
        });
        $('#ios-download').click(function ()
        {
            alert("我还没做，额，因为我不会做！");
        });
        $('#goto').click(function ()
        {
            location.href = '/index/index';
        });
    })
</script>
</html>
